$(() => {
    // 获取URL中的querystring中的id
    function parseQuery(querystring) {
        // querystring是 key=value&key1=value1&key2=value2这样的格式 要把它转为一个对象
        var obj = {};
        // 切割成数组
        var arr = querystring.split("&"); // [key=value, key1=value1, key2=value2]
        // 循环这个数组
        arr.forEach(value => {
            var key = value.split("=")[0];
            var val = value.split("=")[1];
            obj[key] = val;
        })
        return obj;
    }
    var querystring = location.search.slice(1);
    var obj = parseQuery(querystring);
    var { id } = obj;
    // 获取元素
    let $row = $(".row");
    // 中转变量
    let info=null;
    // 发送请求 对应的商品数据
    $.ajax({
        url: "/php/getSingleGoodsInfo.php",
        data: { id },
        type: "get",
        dataType: "json",
        success({ error, data }) {
            var value = data[0];
            info = value;
            if (!error) { 
                $row.html(`
                <div class="col-lg-4">
                    <img class="img-responsive" src="${value.goods_small_logo}" alt="">
                </div>
                <div class="col-lg-8">
                    <h2>${value.goods_name}</h2>
                    <p class="price">¥:${value.goods_price}</p>
                    <p class="strategy">满278元减100元</p>
                    <button>加入购物车</button>
                </div>
                `)
                return;
            }
        }
    })

    // 加入购物车 
    $row.on("click", "button", function() {
        // 从本地存储中尝试取数据 如果有说明之前曾经存储过 如果没有 就定义成一个数组
        var arr = JSON.parse(localStorage.getItem("shoppingCart")) || [];
        // 放入数组
        // 判断当前商品是否已经在数组里
        var obj = arr.find(value => value.goods_id === info.goods_id)
        if (obj) {
            // 说明购物车中已经存在这条信息 
            obj.num++;
        } else {
            // 说明是第一次加入购物车数组 打一个标记 表示数量
            info.num = 1;
            arr.push(info);
        }

        // 将当前商品放入本地存储
        localStorage.setItem("shoppingCart", JSON.stringify(arr));
    })  

});